body,ul,li,p,span,h1,h2,h3,h4,h5,h6.dl,dt,dd,ol {
    margin:0px;
    padding:0px;
}
ul,li {
    list-style:none;
}
ol, ul {
    padding: 0;
    list-style: none;
}
li {
    display: list-item;
    text-align: -webkit-match-parent;
}
a {
    text-decoration: none;
    color: inherit;
    outline: 0;
}
em {
    font-style: normal;
}
input#bdcs-search-form-input:focus {
    outline: none;
}
html{
    font-size: calc(16px + 2 * (100vw - 375px)/ 39);
}
@media screen and (min-width:375px) {
  html {
    font-size: calc(100% + 2 * (100vw - 375px)/ 39);
    font-size: calc(16px + 2 * (100vw - 375px)/ 39)
  }
}
@media screen and (min-width:414px) {
  html {
    font-size: calc(112.5% + 4 * (100vw - 414px)/ 586);
    font-size: calc(18px + 4 * (100vw - 414px)/ 586)
  }
}
@media screen and (min-width:600px) {
  html {
    font-size: calc(125% + 4 * (100vw - 600px)/ 400);
    font-size: calc(20px + 4 * (100vw - 600px)/ 400)
  }
}
@media screen and (min-width:1000px) {
  html {
    font-size: calc(137.5% + 6 * (100vw - 1000px)/ 1000);
    font-size: calc(22px + 6 * (100vw - 1000px)/ 1000)
  }
}
body{
    font-family: sans-serif;
    line-height: 1.5;
    
    color: #33373d;
    fill: currentColor;
    -webkit-tap-highlight-color: transparent;
	background-color: #f6f7f9;
}
div#foot {
    padding: .5625rem .875rem;
    background: #fff;
    margin-top: -.69rem;
    font-size: .6rem;
    text-align: center;
}
/* icon-home */
  .guide-content .icon {
   position: absolute;
   right: 0;
   bottom: 1.2rem;
   left: 0;
   margin: auto;
}
.guide-nav-h {
    position: absolute;
    right: 0;
    bottom: .1875rem;
    left: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){
    .guide-nav i.icon {
        background: url(/imge/download.png) no-repeat;
        background-size: 5rem;
	    width: 2rem;
	    height: 2rem;
    }
    .guide-nav i.icon-home {
        background-position: -1.53rem 0.71rem;
    }
    .guide-nav i.icon-sort {
        background-position: -3.22rem -0.99rem;
    }
    .guide-nav i.icon-rank {
    	background-position: 0.2rem 0.5rem;
	}
    .guide-nav i.icon-end {
    	background-position: 0.5rem -3.2rem;
    }
    .guide-nav i.icon-free {
        background-position: 0.3rem -1.5rem;
    }
    .guide-nav i.icon-account {
        background-position: -3.4rem 0.4rem;
    }
}
/* guide */
.guide {
    position: fixed;
    z-index: 3;
    top: 2.5rem;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    overflow: hidden;
    transition: visibility .25s;
    -wekit-transition: visibility .25s;
}
.active.guide {
    visibility: visible;
    transition: none;
    -wekit-transition: none;
}
.aside-overlay, .guide-overlay {
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
    opacity: 0;
    background-color: #000;
}
.active>.guide-overlay {
    opacity: .6;
}
.guide-content {
    position: relative;
    overflow: hidden;
    padding: 0 1rem;
    -webkit-transition: -webkit-transform .15s;
    transition: transform .15s;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    background-color: #fff;
}
.active>.guide-content {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.guide-nav {
    font-size: 0;
    text-align: justify;
}
.guide-nav-a {
    font-size: .55rem;
    position: relative;
    display: inline-block;
    width: 3rem;
    height: 1.8rem;
    text-align: center;
}
.guide-nav .guide-nav-a {
    margin: .75rem .832rem;
}
.guide-footer {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    text-align: center;
}
.btn-primary, .btn-primary-small {
    font-size: .7rem;
    line-height: 1.5rem;
    display: inline-block;
    padding-right: 1em;
    padding-right: 2ch;
    padding-left: 1em;
    padding-left: 2ch;
    text-align: center;
    color: #fff;
    border-radius: 99px;
    background-color: #ed424b;
}
[data-size] {
    box-sizing: border-box;
}
[data-size='14'] {
    width: 12.5rem;
}
/* search */ 
 .search {
      padding: 0.55rem;
     font-size: 0.65rem;
 } 
.search .type {
    background-color: #fff;
    border: 1px solid #CCC;
    width: 1.85rem;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    font-weight: bold;
}
.search .key {
    height: 1.35rem;
    width: 90%;
    line-height: 1.35rem;
    border: 0px;
    text-indent: .5em;
    font-size: .6rem;
}
td.search-area {
    width: 1.5rem;
    background-color: #ed424b;
    background-image: url(/imge/sou.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70%;
}
.search .go {
    height: 1.5rem;
    width: 1.5rem;
    border: 0px;
    background-color: transparent;
    z-index: 9999;
}
.search.active{
    background: #f6f7f9;
    position: relative;
    z-index: 3;
    top: -.2rem;
}
.search.hide{
    display: none;
}

body>.tips {
    line-height: 1.25rem;
    position: fixed;
    z-index: 29;
    top: 50%;
    left: 50%;
    max-width: 90%;
    max-width: calc(100% - 2rem);
    padding: .35rem .5rem;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    white-space: nowrap;
    color: #fff;
    border-radius: 1rem;
    background-color: rgba(0,0,0,.8);
    font-size: .6rem;
}
.tips.fadeout {
    -webkit-animation: fadeout .15s;
    animation: fadeout .35s;
}

/* 回到顶部 */
.footer-backtop-circle {
    position: fixed;
    z-index: 1;
    right: 1rem;
    bottom: 1rem;
    width: 1.75rem;
    height: 1.75rem;
    -webkit-transition: opacity .25s,visibility .25s;
    transition: opacity .25s,visibility .25s;
    opacity: 0;
    color: #fff;
    border-radius: 99px;
    background-color: rgba(0,0,0,.6);
}
.aside, .aside-overlay, .footer-backtop-circle svg, .full, .guide-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.footer-backtop-circle svg {
    margin: auto;
}
img.book-cover {
	border-radius: 0.12rem !important;
}
.hide {display: none;}